<template>
  <div class="page-wrapper">
    <c-card title="权限列表" class="staff-wrapper">
      <el-button slot="func" size="small" class="item">添加</el-button>
      <div class="row">
        <c-search
          v-model="searchText"
          :height="30"
          :width="200"
          placeholder="公司名称搜索"
          class="item"
          @submit="_getStaffList"
        />
      </div>
      <el-table :data="staffList" stripe style="width: 100%" height="494">
        <el-table-column prop="rightname" label="权限名称"></el-table-column>
        <el-table-column prop="rightcode" label="权限编码"></el-table-column>
        <el-table-column prop="memo" label="备注"></el-table-column>
        <el-table-column label="操作">
          <!-- <template v-slot="{row}">
            <el-button size="small" type="text" @click="showEditDlg(row)">编辑</el-button>
            <el-button size="small" type="text" @click="deletePrivilege(row)">删除</el-button>
          </template>-->
        </el-table-column>
      </el-table>
      <div class="pagination">
        <el-pagination
          layout="prev, pager, next"
          :page-size="page.size"
          :current-page.sync="page.index"
          :total="page.total"
          @current-change="_getStaffList"
        ></el-pagination>
      </div>
    </c-card>
  </div>
</template>

<script>
import CCard from "@/components/CCard";
import CSearch from "@/components/CSearch";
export default {
  components: {
    CCard,
    CSearch
  },
  data() {
    return {
      searchText: "",
      staffList: [],
      page: {
        index: 1,
        size: 10,
        total: 0
      }
    };
  },
  methods: {
    _getStaffList() {}
  }
};
</script>

<style lang="scss" scoped>
</style>
